<!DOCTYPE html>

<html>
    <body>
        <!-- HTML 键盘格式（键盘输入） -->
        <p>To open a file, select:</p>
        <p><kbd>File | Open...</kbd></p>

        <!-- HTML样本格式（计算机输出） -->
        <samp>
        demo.example.com login: Apr 12 09:10:17
        Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
        </samp>
        <br/>

        <!-- HTML代码格式（编程代码示例） -->
        <p>Coding Example:</p>
        <code> 
        var person = { firstName:"Bill", 
            lastName:"Gates",
            age:50,
            eyeColor:"blue"
        }
        </code>
        <!-- code不保留多余的空格和空行，如需解决该问题，您必须在 <pre> 元素中包围代码： -->
        <p>Coding Example:</p>
        <code>
        <pre>
        var person = {
            firstName:"Bill",
            lastName:"Gates",
            age:50,
            eyeColor:"blue"
        }
        </pre>
        </code>

        <!-- HTML 变量格式化(使用<var>元素定义数学变量) -->
        <p>Einstein wrote:</p>
        <p><var>E = m c<sup>2</sup></var></p>
    </body>
</html>